<!-- <div class="sidebar">
    <nav class="sidebar-nav">
        <ul nz-menu [nzMode]="'vertical'" [nzInlineCollapsed]=false>
            <li nz-submenu  [ngClass]="{true:'li-active',false:''}['account' == url]" routerLink="account" >
              <span title><i nz-icon type="user"></i> 账号信息</span>
            </li>
            <li nz-submenu [ngClass]="{true:'li-active',false:''}['banks' == url]" routerLink="banks">
              <span title><i nz-icon type="appstore"></i> 收款账号</span>
            </li>
            <li nz-submenu [ngClass]="{true:'li-active',false:''}['address' == url]" routerLink="address">
              <span title><i nz-icon type="setting"></i> 地址本</span>
            </li>
            <li nz-submenu [ngClass]="{true:'li-active',false:''}['setting' == url]" routerLink="setting">
              <span title><i nz-icon type="setting"></i> 安全设置</span>
            </li>
          </ul>
    </nav>
  </div> -->


<div class="sidebar">
  <nav class="sidebar-nav">
    <ul nz-menu [nzMode]="'vertical'" [nzInlineCollapsed]=false>
      <li [ngClass]="{true:'li-active',false:''}['account' == url]" routerLink="account">
        <span title>
          <img src="../../../assets/img/account/zhxx.svg" width="15px" />
          <img class="hover" src="../../../assets/img/account/zhxx-l.svg" width="15px" />
          <span>{{ ('menu.userInfo' | translate) }}</span>
          <i class="fr" nz-icon type="caret-right" theme="outline"></i>
        </span>
      </li>
      <li [ngClass]="{true:'li-active',false:''}['banks' == url]" routerLink="banks">
        <span title>
          <img src="../../../assets/img/account/skyh.svg" width="15px" />
          <img class="hover" src="../../../assets/img/account/skyh-l.svg" width="15px" />
          <span>{{ ('menu.banks' | translate) }}</span>
          <i class="fr" nz-icon type="caret-right" theme="outline"></i>
        </span>
      </li>
      <li [ngClass]="{true:'li-active',false:''}['address' == url]" routerLink="address">
        <span title>
          <img src="../../../assets/img/account/dzb.svg" width="15px" />
          <img class="hover" src="../../../assets/img/account/dzb-l.svg" width="15px" />
          <span>{{ ('menu.adds' | translate) }}</span>
          <i class="fr" nz-icon type="caret-right" theme="outline"></i>
        </span>
      </li>
      <li [ngClass]="{true:'li-active',false:''}['setting' == url]" routerLink="setting">
        <span title>
          <img src="../../../assets/img/account/aqzx.svg" width="15px" />
          <img class="hover" src="../../../assets/img/account/aqzx-l.svg" width="15px" />
          <span>{{ ('menu.setting' | translate) }}</span>
          <i class="fr" nz-icon type="caret-right" theme="outline"></i>

        </span>
      </li>
    </ul>
  </nav>
</div>